<template>
	<div>

		<div class="col-md-12" style="border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;">
			<el-col :span="24">
				<el-tooltip class="item" effect="dark" content="点击按钮，弹出对话框，选择是显示列内容，不选是隐藏下面的对应列内容（对话框是模拟数据）" placement="top">
					<el-popover placement="bottom" width="300" trigger="click">
						<el-col :span="12">
							<el-checkbox v-model="showCustomerCode" @change="showHide('showCustomerCode')">客户代码
							</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showCustomerStatus" @change="showHide('showCustomerStatus')">客户状态
							</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showCustomerCate" @change="showHide('showCustomerCate')">客户类别
							</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showCreditRank" @change="showHide('showCreditRank')">客户信用等级</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showCreditLine" @change="showHide('showCreditLine')">授信额度</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showCapital" @change="showHide('showCapital')">注册资金</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showAnnualSales" @change="showHide('showAnnualSales')">年销售额</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showBank" @change="showHide('showBank')">对公银行账号</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showCertificateNo" @change="showHide('showCertificateNo')">开户银行
							</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showAddress" @change="showHide('showAddress')">税务登记证号</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showArea" @change="showHide('showArea')">地址</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showBrand" @change="showHide('showBrand')">经营面积</el-checkbox>
						</el-col>
						<el-col :span="12">
							<el-checkbox v-model="showBankAccount" @change="showHide('showBankAccount')">模拟，对应列表的列项</el-checkbox>
						</el-col>

						<el-button size="mini" slot="reference" type="plain" icon="el-icon-setting" class="setting mg-10">
							设置显示
						</el-button>
					</el-popover>
				</el-tooltip>
				<el-button type="plain" icon="el-icon-setting" class="setting" size="mini">查询</el-button>
				<el-tooltip class="item" effect="dark" content="选择下面列表，然后点击该按钮，就是提交审批功能" placement="top">
					<el-button @click="handleButtons(6)" size="small" style="margin-top: 30px;margin-bottom: 10px;" type="plain" class="setting ml-10">上报审批
					</el-button>
				</el-tooltip>

				<el-button size="small" style="margin-top: 10px;margin-bottom: 10px;" type="plain" class="setting ml-10">计划调整
				</el-button>

				<el-button size="small" style="margin-top: 10px;margin-bottom: 10px;" type="plain" class="setting ml-10">外发
				</el-button>

				<el-button @click="handleButtons(4)" size="small" style="margin-top: 10px;margin-bottom: 10px;" type="plain" class="setting ml-10">查看关联订单
				</el-button>

				<el-tooltip class="item" effect="dark" content="打印" placement="top">
					<el-button size="small" style="margin-top: 10px;margin-bottom: 10px;float: right" type="plain" class="setting">
						<div style="display: flex;flex-direction: column;"><i class="el-icon-setting"></i><span style="margin-top: 3px">打印</span></div>
					</el-button>
				</el-tooltip>

				<el-tooltip class="item" effect="dark" content="操作：选择下面列表，然后点击按钮" placement="top">
					<el-button @click="handleDelCustomer(1)" size="small" style="margin-top: 10px;margin-bottom: 10px;float: right"
					 type="plain" class="setting">
						<div style="display: flex;flex-direction: column;"><i class="el-icon-setting"></i><span style="margin-top: 3px">删除</span></div>
					</el-button>
				</el-tooltip>

				<el-button @click="handleSelectionChange(1)" size="small" style="margin-top: 10px;margin-bottom: 10px;float: right"
				 type="plain" class="setting">
					<div style="display: flex;flex-direction: column;"><i class="el-icon-setting"></i><span style="margin-top: 3px">修改</span></div>
				</el-button>

				<el-tooltip class="item" effect="dark" content="导出查询的列表" placement="top">
					<el-button size="small" style="margin-top: 10px;margin-bottom: 10px;float: right" type="plain" class="setting">
						<div style="display: flex;flex-direction: column;"><i class="el-icon-setting"></i><span style="margin-top: 3px">导出</span></div>
					</el-button>
				</el-tooltip>

				<el-tooltip class="item" effect="dark" content="导入" placement="top">
					<el-button size="small" style="margin-top: 10px;margin-bottom: 10px;float: right" type="plain" class="setting">
						<div style="display: flex;flex-direction: column;"><i class="el-icon-setting"></i><span style="margin-top: 3px">导入</span></div>
					</el-button>
				</el-tooltip>

				<el-button @click="openDialogScjh" size="small" style="margin-top: 10px;margin-bottom: 10px;float: right;margin-left: 10px;"
				 type="plain" class="setting">
					<div style="display: flex;flex-direction: column;"><i class="el-icon-setting"></i><span style="margin-top: 3px">新建</span></div>
				</el-button>
			</el-col>

		</div>


		<el-table ref="multipleTable" :data="tableData" show-summary border stripe height="600" row-class-name="tableRow"
		 header-row-class-name="tableHeader" @row-dblclick="openDialogScjh" style="width: 100%;border-top:1px solid #c5c5c5;">
			<el-table-column type="selection" width="55">
			</el-table-column>
			<el-table-column prop="id" label="序号" width="50">
			</el-table-column>
			<el-table-column prop="date" label="录入日期" width="150">
			</el-table-column>
			<el-table-column v-if="showCustomerStatus" prop="city" label="生产单号" width="120">
			</el-table-column>
			<el-table-column v-if="showCustomerCate" prop="address" label="产品名称" width="120">
			</el-table-column>
			<el-table-column v-if="showCreditRank" prop="zip" label="产品代码" width="120">
			</el-table-column>

			<el-table-column prop="date" label="审批状态" width="150">
			</el-table-column>
			<el-table-column prop="name" label="优先等级" width="120">
			</el-table-column>
			<el-table-column prop="name" label="配料状态" width="120">
			</el-table-column>
			<el-table-column prop="name" label="生产状态" width="120">
			</el-table-column>
			<el-table-column prop="name" label="订单号" width="120">
			</el-table-column>
			<el-table-column v-if="showCustomerCode" prop="province" label="客户名称" width="120">
			</el-table-column>
			<el-table-column v-if="showCustomerStatus" prop="city" label="客户代码" width="120">
			</el-table-column>


			<el-table-column v-if="showCreditLine" prop="zip" label="物品类别" width="120">
			</el-table-column>

			<el-table-column v-if="showCapital" prop="zip" label="款号" width="120">
			</el-table-column>

			<el-table-column v-if="showBankAccount" prop="zip" label="金料品类" width="120">
			</el-table-column>

			<el-table-column v-if="showBank" prop="zip" label="型号" width="120">
			</el-table-column>

			<el-table-column v-if="showBank" prop="zip" label="规格" width="120">
			</el-table-column>

			<el-table-column v-if="showBank" prop="zip" label="尺寸" width="120">
			</el-table-column>


			<el-table-column v-if="showBank" prop="zip" label="颜色" width="120">
			</el-table-column>

			<el-table-column v-if="showCertificateNo" prop="zip" label="成色" width="120">
			</el-table-column>

			<el-table-column v-if="showBrand" prop="zip" label="单位" width="120">
			</el-table-column>
			<el-table-column v-if="showTrademark" prop="zip" label="库存数量" width="120">
			</el-table-column>
			<el-table-column v-if="showWebsite" prop="zip" label="销售数量" width="120">
			</el-table-column>
			<el-table-column v-if="showLperson" prop="zip" label="需生产数量" width="120">
			</el-table-column>
			<el-table-column v-if="showLphone" prop="zip" label="生产方式" width="120">
			</el-table-column>



			<el-table-column v-if="showLphone" prop="zip" label="下单日期" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="计划生产日期" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="交货日期" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="手绘交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="电绘交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="做版交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="改版交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="开模交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="出蜡交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="3D出蜡交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="倒模交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="执模交货时间" width="120">
			</el-table-column>


			<el-table-column v-if="showLphone" prop="zip" label="焊接交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="微镶交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="手镶交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="抛光交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="电金交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="喷砂交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="CNC交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="拉丝交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="刻花交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="钉砂交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="珐琅交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="其他表面处理交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="采购交货时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="宝石" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="配件" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="耗材" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="工具设备" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="其他" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="审批人" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="录入人" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="时间" width="120">
			</el-table-column>

			<el-table-column v-if="showLphone" prop="zip" label="备注" width="120">
			</el-table-column>
		</el-table>

		<el-dialog id="dialog-scjh" title="生产计划管理" :visible.sync="dialogScjh" style="display:none;" >
			<el-form size="mini" :model="customer" label-width="100px" :inline=true>

				<el-form-item label="订单号" prop="name" required style="width:100%;clear:both;">
					<el-input v-model="customer.name" auto-complete="off" class="clientName"></el-input>
				</el-form-item>

				<el-form-item label="产品名称" style="width:100%;clear:both;">
					<el-input v-model="customer.customercode" auto-complete="off"></el-input>
				</el-form-item>

		<el-form-item label="工序1" prop="gongxu">
			<el-select v-model="gongxuList[1]" filterable>
				<el-option v-for="item in gongxu" :label="item.typename" :value="item.typename"></el-option>
			</el-select>
		</el-form-item>
			<el-form-item label="交货时间" required>

					<el-form-item prop="date1">
						<el-date-picker type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker>
					</el-form-item>
				-
					<el-form-item prop="date2">
						<el-time-picker placeholder="选择时间" style="width: 100%;"></el-time-picker>
					</el-form-item>
			</el-form-item>


				<el-form-item label="工序2" prop="gongxu">
					<el-select v-model="gongxuList[2]" filterable>
						<el-option v-for="item in gongxu" :label="item.typename" :value="item.typename"></el-option>
					</el-select>
				</el-form-item>

			<el-form-item label="交货时间" required>

					<el-form-item prop="date1">
						<el-date-picker type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker>
					</el-form-item>
				-
					<el-form-item prop="date2">
						<el-time-picker placeholder="选择时间" style="width: 100%;"></el-time-picker>
					</el-form-item>
			</el-form-item>


				<el-form-item label="工序3" prop="gongxu">
					<el-select v-model="gongxuList[3]" filterable>
						<el-option v-for="item in gongxu" :label="item.typename" :value="item.typename"></el-option>
					</el-select>
				</el-form-item>
							<el-form-item label="交货时间" required>

					<el-form-item prop="date1">
						<el-date-picker type="date" placeholder="选择日期" style="width: 100%;"></el-date-picker>
					</el-form-item>
				-
					<el-form-item prop="date2">
						<el-time-picker placeholder="选择时间" style="width: 100%;"></el-time-picker>
					</el-form-item>
			</el-form-item>


				<el-form-item label="操作人">
					<el-input v-model="customer.address" auto-complete="off"></el-input>
				</el-form-item>
				<el-form-item label="备注" style="width: 100%;clear:both;" >
					<el-input  v-model="customer.address" auto-complete="off"></el-input>
				</el-form-item>
			</el-form>

			<div slot="footer" class="dialog-footer">
				<el-button @click="">增加工序</el-button>
				<el-button @click="dialogScjh = false">取 消</el-button>
				<el-button type="primary" @click="dialogScjh = false">确定提交审核</el-button>
			</div>
		</el-dialog>


		<change-customer v-bind:dialogshow="dialogChangeCustomer" @dialog_close="change_customer_dialog_close"></change-customer>

		<send-message v-bind:dialogshow="dialogSendMessage" @dialog_close="send_message_dialog_close"></send-message>
		<send-weixin v-bind:dialogshow="dialogWeixin" @dialog_close="send_weixin_dialog_close"></send-weixin>
		<send-email v-bind:dialogshow="dialogEmail" @dialog_close="send_email_dialog_close"></send-email>
	</div>
</template>

<style>
	.col-md-12 {
		display: block;
		overflow: hidden;
		background-color: #f5f5f5;
	}

	.tableHeader th {
		background-color: #f5f5f5 !important;
		/*color: #000000;*/
		/*border-color: #c5c5c5;*/
	}

	.el-tabs__content {
		padding: 0px !important;
	}

	.ml-10 {
		margin-left: 10px;
	}

	.mg-10 {
		margin: 10px;
	}

	.mr-10 {
		margin-right: 10px;
	}

	#customerDialog .el-dialog__body .el-form-item {
		width: 45%;
		float: left;
		margin-bottom: 5px;
	}

	#customerDialog .el-dialog__body .el-form-item:nth-child(odd) {
		float: right;
	}

	#customerDialog .el-dialog__footer {
		clear: both;
	}

	.tableRow {
		cursor: pointer;
	}
</style>

<script>
	module.exports = {
		methods: {

			handleClick(row) {
				console.log(row)
			},

			handleSelectionChange(val) {
				//显示弹框
				console.log(333)
				this.dialogCostoms = true
			},

			openDialogScjh(val) {
				this.dialogScjh = true
			},

			handleDelCustomer(val) {
				// 删除操作
				this.$confirm('此操作将永久删除该记录, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					this.$message({
						type: 'success',
						message: '删除成功!'
					});
				}).catch(() => {
					this.$message({
						type: 'info',
						message: '已取消操作'
					});
				});
			},

			handleImport(val) {
				if (val === 1) {
					//导入操作
					this.$alert('打开文件夹导入工作', '导入', {
						confirmButtonText: '确定',
						callback: action => {
							this.$message({
								type: 'success',
								message: '导入成功'
							});
						}
					});
				} else {
					//导出操作
					this.$alert('打开文件夹导出工作', '导出', {
						confirmButtonText: '确定',
						callback: action => {
							this.$message({
								type: 'success',
								message: '导出表格成功'
							});
						}
					});
				}
			},

			handleButtons(val) {
				switch (val) {
					case 1:
						this.dialogSendMessage = 'true'
						console.log(this.dialogSendMessage)
						break;
					case 2:
						this.dialogWeixin = 'true'
						console.log(this.dialogWeixin)
						break;
					case 3:
						this.dialogEmail = 'true'
						console.log(this.dialogEmail)
						break;
					case 4:
						this.dialogChangeCustomer = 'true'
						console.log(this.dialogChangeCustomer)
						break;
					case 6:
						this.$confirm('是否继续操作?', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(() => {
              this.$message({
                type: 'success',
                message: '操作成功!'
              })
            }).catch(() => {
              this.$message({
                type: 'info',
                message: '已取消'
              })
            })
						break;
				}

			},
			handleChangeCustomer(val) {
				this.dialogChangeCustomer = 'true'
				console.log(this.dialogChangeCustomer)
			},
			dialogAdd() {
				console.log(123)
			},
			getSummaries(param) {
				const {
					columns,
					data
				} = param
				const sums = []
				columns.forEach((column, index) => {
					if (index === 0) {
						sums[index] = '总价'
						return
					}
					const values = data.map(item => Number(item[column.property]))
					if (!values.every(value => isNaN(value))) {
						sums[index] = values.reduce((prev, curr) => {
							const value = Number(curr)
							if (!isNaN(value)) {
								return prev + curr
							} else {
								return prev
							}
						}, 0)
						sums[index] += ' 元'
					} else {
						sums[index] = ''
					}
				})

				return sums
			},
			showHide(text) {
				console.log(text)
			},
			send_message_dialog_close(val) {
				console.log(val)
				this.dialogSendMessage = false
			},
			send_weixin_dialog_close(val) {
				this.dialogWeixin = false
			},
			send_email_dialog_close(val) {
				this.dialogEmail = false
			},
			change_customer_dialog_close(val) {
				console.log(val)
				this.dialogChangeCustomer = false
			}
		},

		data() {
			return {
				dialogScjh: false,
				dialogCostoms: false,
				dialogCostomsChange: false,
				dialogSendMessage: false,
				dialogWeixin: false,
				dialogEmail: false,
				dialogChangeCustomer: false, //客户跟进

				customer: {
					name: '',
					customercode: '',
					customerstatus: '',
					customercate: '',
					creditrank: '',
					creditline: '',
					capital: '',
					annualsales: '',
					bank: '',
					certificateno: '',
					address: '',
					area: '',
					brand: '',
					bankaccount: '',
					trademark: '',
					website: '',
					lperson: '',
					lphone: '',
					contacts: '',

					phone: '',
					phonenum: '',
					weixin: '',
					email: '',
					fax: '',
					resource: '',
					requirement: '',
					ordercountmonth: '',
					purchaseamountmonth: '',
					ordercountyear: '',
					purchaseamountyear: '',
					customerstaffname: '',
					customerstaffcode: '',
					operator: '',
					insertime: '',
					remark: '',
				},

				form: {
					typeId: ''
				},

				select: {
					name: '',
					introduce: '',
					cooperative_brand: '',
					customer_status: '',
					customer_level: '',
					now_principal_id: '',
					last_follow_up_date: '',
					create_date: '',
				},

				crmsclientStatic: [{
						typename: 'A级'
					},
					{
						typename: 'B级'
					},
					{
						typename: 'C级'
					},
					{
						typename: 'D级'
					},
				],

				crmsclientRank: [{
						typename: 'A类'
					},
					{
						typename: 'B类'
					},
					{
						typename: 'C类'
					},
					{
						typename: 'D类'
					},
				],

				customerstaffs: [{
						typename: '客服1'
					},
					{
						typename: '客服2'
					},
					{
						typename: '客服3'
					},
					{
						typename: '客服4'
					},
				],

				changeReason: [{
						typename: '交接原因一'
					},
					{
						typename: '交接原因二'
					},
					{
						typename: '交接原因三'
					},
					{
						typename: '其他'
					},
				],
				gongxuList: [],

				//工序
				gongxu: [{
						typename: 'CNC'
					},
					{
						typename: '执模'
					},
					{
						typename: '焊接'
					},
					{
						typename: '抛光'
					},
					{
						typename: '微镶'
					},
					{
						typename: '喷砂'
					},
					{
						typename: '拉丝'
					},
					{
						typename: '车花'
					},
					{
						typename: '字印'
					},
					{
						typename: '电金'
					},
					{
						typename: '珐琅'
					},
				],

				options1: [],

				pickerOptions2: {
					shortcuts: [{
						text: '最近一周',
						onClick(picker) {
							const end = new Date()
							const start = new Date()
							start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
							picker.$emit('pick', [start, end])
						}
					}, {
						text: '最近一个月',
						onClick(picker) {
							const end = new Date()
							const start = new Date()
							start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
							picker.$emit('pick', [start, end])
						}
					}, {
						text: '最近三个月',
						onClick(picker) {
							const end = new Date()
							const start = new Date()
							start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
							picker.$emit('pick', [start, end])
						}
					}]
				}, //日期控件
				pickerOptions1: {
					disabledDate(time) {
						return time.getTime() > Date.now()
					},
					shortcuts: [{
						text: '今天',
						onClick(picker) {
							picker.$emit('pick', new Date())
						}
					}, {
						text: '昨天',
						onClick(picker) {
							const date = new Date()
							date.setTime(date.getTime() - 3600 * 1000 * 24)
							picker.$emit('pick', date)
						}
					}, {
						text: '一周前',
						onClick(picker) {
							const date = new Date()
							date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
							picker.$emit('pick', date)
						}
					}]
				}, //首次合作日期

				showCustomerCode: true,
				showCustomerStatus: true,
				showCustomerCate: true,
				showCreditRank: true,
				showCreditLine: true,
				showCapital: true,
				showAnnualSales: true,
				showBank: true,
				showCertificateNo: true,
				showAddress: true,
				showArea: true,
				showBrand: true,
				showBankAccount: true,
				showTrademark: true,
				showWebsite: true,
				showLperson: true,
				showLphone: true,
				showContacts: true,

				showPhone: true,
				showPhoneNum: true,
				showWeixin: true,
				showEmail: true,
				showFax: true,
				showResource: true,
				showRequirement: true,
				showOrderCountMonth: true,
				showPurchaseAmountMonth: true,
				showOrderCountYear: true,
				showPurchaseAmountYear: true,
				showCustomerStaffName: true,
				showCustomerStaffCode: true,
				showOperator: true,
				showInsertime: true,
				showRemark: true,


				tableData: [{
					date: '2016-05-02',
					id: '1',
					name: '王小虎',
					province: 'BC1001',
					city: '合作中',
					address: 'A类',
					zip: ''
				}, {
					id: '2',
					date: '2016-05-04',
					name: '王小虎1',
					province: 'BC1002',
					city: '未合作',
					address: 'A类',
					zip: ''
				}, {
					id: '3',
					date: '2016-05-01',
					name: '王小虎2',
					province: 'BC1003',
					city: '中断',
					address: 'A类',
					zip: ''
				}, {
					id: '4',
					date: '2016-05-03',
					name: '王小虎3',
					province: 'BC1004',
					city: '未合作',
					address: 'A类',
					zip: ''
				}],
				multipleSelection: []
			}
		},
		components: {
			// 将组建加入组建库
			'send-message': 'url:./send-message.vue',
			'send-weixin': 'url:./send-weixin.vue',
			'send-email': 'url:./send-email.vue',
			'change-customer': 'url:./change-customer.vue',
		},
	}
</script>
